<div class="navbar">
    <div class="navbar-inner navbar-inner-opaque">
        <div class="left sliding">
            <a href="#" class="back link"> <i class="icon icon-back"></i><span>返回</span>
            </a>
        </div>
        <div class="center sliding">通讯录</div>
    </div>
</div>
<!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
<div class="pages navbar-through toolbar-through">
    <!-- Page, "data-page" contains page name -->
    <div data-page="addressBook" class="page no-toolbar">

        <!-- Search bar -->
        <form class="searchbar">
            <div class="searchbar-input">
                <input type="search" placeholder="搜索">
                <a href="#" class="searchbar-clear"></a>
            </div>
            <a href="#" class="searchbar-cancel">取消</a>
        </form>

        <!-- Search bar overlay-->
        <div class="searchbar-overlay"></div>

        <!-- Scrollable page content -->
        <div class="page-content page-flat addressBook">
            <div class="content-block searchbar-not-found">
                <div><img src="image/no-result.png">抱歉，未找到相关结果……</div>
            </div>

            <div class="list-block media-list list-block-search searchbar-found">
                <ul>
                </ul>
            </div>
        </div>
    </div>
</div>